@import url("../tool/varibles.css");
/* lg */
@media (min-width: 1200px) {
    /* footer*/
    .footerBox .textBox h3{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .footerBox .codeBox .erweima{
        margin-right: 10px;
    }

    .banner-swiper-container .swiper-pagination-customs　{
        width: 280px !important;
    }
    .swiper-pagination-customs .banner-right{
        padding:12px 0;
    }

    .swiper-pagination-customs .banner-left {
        padding:12px 22px;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    /* footer*/
    .footerBox .textBox h3{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .footerBox .row  .textBox{
        padding:10px 30px 0 30px;
    }
    .footerBox .codeBox .erweima{
        width:44px;
        height:44px;
        margin-right: 10px;
    }
    .swiper-pagination-customs .banner-right{
        padding:12px 0;
    }
    /*新闻资讯*/
    .news .newsText .month{
        font-size: 18px;
    }
    .news .newsText .mainText{
        margin-bottom: 0;
    }
    .newsText h3{
        font-size: 20px;
        margin:5px 0;
    }
    /*合作医院*/
    .hospital-list .infoBox .name{
        font-size: 22px;
        margin:10px 0;
    }
    /*服务方案*/
    .service-object .objectBox{
        height: 250px;
    }
    /*标题*/
    .container .newsTitle .title-shadow{
        left:5%;
    }
    /*案例介绍*/
    .example .paginationBox{
        bottom: -35px;
    }
    .paginationBox .index-number{
        font-size: 106px;
    }
    .paginationBox h2 {
        margin-top: 30%;
        font-size: 26px;
    }
    .paginationBox .exampleText{
        margin: 8% 0 5%;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .swiper-pagination-customs .banner-left {
        padding:14px 7px;
    }
    .index-content {
        width: 90%;
        margin: 20px auto;
    }
    .banner-swiper-container .swiper-pagination-customs{
        width:150px;
    }
    .banner-right .banner-title{
        font-size: 13px;
    }
    /*新闻资讯*/
    .newsTitle{
        padding:25px;
    }
    .container .newsTitle h3{
        font-size: 22px;
    }
    /*.newsTitle span{*/
        /*width: 22px;*/
        /*height: 22px;*/
    /*}*/
    .newsTitle .title-shadow{
        font-size: 20px;
        left:6%;
        bottom:12%;
    }
    .news .newsBox{
        padding: 10px;
    }
    .news .newsText .month{
        font-size: 14px;
    }
    .news .newsText .mainText{
        font-size: 12px;
        -webkit-line-clamp: 1;
        margin-bottom: 0;
    }
    .newsText h3{
        font-size: 16px;
        margin:5px 0;
    }
    /*数据部分*/
    .section-data .dataItem{
        width:19.4%;
    }
    .section-data .dataItem span{
        font-size: 20px;
    }
    .section-data .dataItem span .r-up{
        font-size: 12px;
        top: 8px;
        margin-left: 2px;
    }
    .section-data .dataItem span .r-down{
        font-size: 12px;
        margin-left: 2px;
        bottom: 8px;
    }
    /*合作医院*/
    .hospital-list .infoBox .place{
        margin-top: 15px;
    }
    .hospital-list .infoBox .name{
        font-size: 18px;
        margin: 5px 0
    }
    .hospital-list .infoBox .brief{
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
    .hospital-list .infoBox .more{
        font-size: 12px;
        margin-top: 10px;
    }
    .hospital-list .more a{
        padding: 5px 25px;
    }
    /*服务方案*/
    .service .service-object .objectBox{
        height: 240px;
    }
    .service-object .objectBox h1{
        font-size:30px;
    }
    .service-object .objectBox .one{
        font-size:20px;
        margin:25px 0;
    }
    .service-object .objectBox .tow{
        font-size:16px;
        margin:20px 0;
    }
    .service-object .objectBox .arrBox{
        font-size:26px;
    }
    /*案例介绍*/
    .example .paginationBox{
        bottom: -32px;
    }
    .paginationBox .index-number{
        font-size: 86px;
    }
    .paginationBox h2 {
        margin-top: 28%;
        font-size: 22px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .paginationBox .exampleText{
        margin: 5% 0;
        font-size:14px;
        -webkit-line-clamp: 2;
    }
    .example .paginationBox .spanBox{
        margin: 0 1%;
    }
    .paginationBox .arrBox{
        font-size: 20px;
    }
}


/* xs */
@media (max-width: 767px) {
    .index-content {
        width: 90%;
        margin: 20px auto;
    }
    .banner-swiper-container .swiper-pagination-customs{
        width:102px;
        height: 32px;
        line-height: 32px;
        color:#666;
    }
    .swiper-pagination-customs .banner-right{
        width:100%;
        text-align: center;
    }

    .banner-swiper-pagination .swiper-pagination-bullet-active {
        background-color: var(--mainColorHigh);
        color:#fff;
    }

    .banner-right .banner-title{
        font-size: 12px;
        margin-bottom: 0;
        height: 32px;
        line-height: 24px;
    }
    /* footer*/
    .footerBox .textBox h3{
        font-size: 18px;
        margin:8px 0 10px;
    }
    .footerBox .textBox p{
        font-size: 12px;
    }
    .footerBox .row  .textBox{
        padding:15px 20px;
    }
    .footerBox .codeBox .erweima{
        width:58px;
        height:58px;
        margin-right: 10px;
    }
    /*合作医院*/
    .hospital-list .hospital-item{
        clear: both;
   }
    /*服务方案*/
    .service .service-object .objectBox{
        height: 200px;
        margin-top: 20px;
    }
    .service-object .objectBox h1{
        font-size:28px;
    }
    .service-object .objectBox .one{
        font-size:18px;
        margin:20px 0;
    }
    .service-object .objectBox .tow{
        font-size:14px;
        margin:20px 0;
    }
    .service-object .objectBox .arrBox{
        font-size:22px;
    }
    /*案例介绍*/
    /*.example{*/
        /*padding:0 15px;*/
    /*}*/
    .example .paginationBox{
        bottom: -2em;
        padding:0 15px;
    }
    .paginationBox .index-number{
        font-size: 56px;
    }
    .paginationBox h2 {
        margin-top: 28%;
        font-size: 16px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .paginationBox .exampleText{
        margin: 3% 0;
        font-size:12px;
        -webkit-line-clamp: 1;
    }
    .example .paginationBox .paginationSpan{
        margin:0;
    }
    .paginationBox .arrBox{
        font-size: 16px;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .swiper-pagination-customs .banner-right{
        height: 28px;
        line-height: 28px;
        padding: 0 ;
    }

    .banner-right .banner-title{
        font-size: 12px;
        margin-bottom: 0;
        height: 28px;
        line-height: 28px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 0 -6px 0;
    }
    .banner-swiper-container .swiper-pagination-customs{
        width:25%;
        height: 28px;
        line-height: 28px;
        color: #666;
    }
    .banner-swiper-pagination .swiper-pagination-bullet-active {
        background-color: var(--mainColorHigh);
        color:#fff;
    }
    /*footer*/
    .footerBox .codeBox .erweima{
        width:36px;
        height:36px;
        margin-right: 10px;
    }
    .footerBox .row  .textBox{
        padding:5px 20px;
    }
    /*新闻资讯*/
    .newsTitle{
        padding:15px 25px;
    }
    .container .newsTitle h3{
        font-size: 20px;
    }
    /*.newsTitle span{*/
        /*width: 20px;*/
        /*height: 20px;*/
    /*}*/
    .newsTitle .title-shadow{
        font-size: 18px;
        left:11%;
        bottom:0;
    }
    .news .newsBox{
        padding: 5px;
    }
    .news .newsText .month{
        font-size: 12px;
    }
    .newsText h3{
        font-size: 14px;
        margin:5px 0;
    }
    .news .newsText .mainText{
        font-size: 12px;
        -webkit-line-clamp: 1;
        margin-bottom: 0;
    }
    /*合作医院*/
    .hospital .container{
        padding: 15px 25px;
    }
    .hospital .container .title{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .hospital .hospital-tab{
        font-size: 16px;
    }
    .hospital-list .infoBox .place{
        margin-top: 6%;
    }
    .hospital-list .infoBox .name{
        font-size: 18px;
        margin: 8% 0;
    }
    .hospital-list .infoBox .brief{
        font-size: 12px;
        -webkit-line-clamp: 1;
    }
    .hospital-list .infoBox .more{
        font-size: 12px;
        margin-top: 10px;
    }
    /*服务方案*/
    .service .service-object .objectBox{
        height: 150px;
        margin-top: 10px;
    }
    .service-object .objectBox h1{
        font-size:24px;
    }
    .service-object .objectBox .one{
        font-size:16px;
        margin:15px 0;
    }
    .service-object .objectBox .tow{
        font-size:12px;
        margin:15px 0;
    }
    .service-object .objectBox .arrBox{
        font-size:20px;
        bottom:5%;
    }
    /*案例介绍*/
    .example{
        padding-bottom: 30px;
    }
    .example .paginationBox{
        bottom: -2em;
        padding:0 15px;
    }
    .paginationBox .index-number{
        font-size: 36px;
    }
    .paginationBox h2 {
        margin-top: 20%;
        font-size: 14px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .paginationBox .exampleText{
        margin: 3% 0;
        font-size:12px;
        -webkit-line-clamp: 1;
    }
    .example .paginationBox .spanBox{
        width: 16%;
    }
    .paginationBox .arrBox{
        visibility: hidden;
    }
}

@media (max-width: 350px) {
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 0 -6px 0;
    }
    .banner-swiper-container .swiper-pagination-customs{
        width:70px;
        height: 28px;
        line-height: 28px;
    }
    /*新闻资讯*/
    .container .newsTitle h3{
        font-size:14px;
    }
    /*.container .newsTitle span{*/
        /*width:14px;*/
        /*height:14px;*/
    /*}*/
    .news .newsText .month{
        font-size: 12px;
    }
    .newsText h3{
        font-size: 12px;
        margin:0;
    }
    .news .newsText .mainText{
        font-size: 12px;
        -webkit-line-clamp: 1;
        margin-bottom: 0;
    }

    .hospital-list .more a{
        padding: 0px 10px;
    }
    .hospital-list .infoBox .name {
        height: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


}


/*footer*/
@media (min-width: 851px) and (max-width: 991px){
    /* footer*/
    .footerBox .textBox h3{
        font-size: 18px;
        margin:8px 0 10px;
    }
    .footerBox .codeBox .erweima{
        width:39px;
        height:39px;
        margin-right: 10px;
    }
}
@media (min-width: 768px) and (max-width: 850px){
    /* footer*/
    .footerBox .textBox h3{
        font-size: 18px;
        margin:8px 0 10px;
    }
    .footerBox .textBox p{
        font-size: 12px;
    }
    .footerBox .row  .textBox{
        padding:0px 20px;
    }
    .footerBox .codeBox .erweima{
        width:38px;
        height:38px;
        margin-right: 10px;
    }
}
@media (min-width: 850px) and (max-width: 950px){
/* footer*/
.footerBox .textBox h3{
    font-size: 18px;
    margin:8px 0 10px;
}
.footerBox .textBox p{
    margin-top: 2%;
    font-size: 12px;
}
.footerBox .row  .textBox{
    padding:0px 20px;
}
.footerBox .codeBox .erweima{
    width:38px;
    height:38px;
    margin-right: 10px;
}
}
/*新闻资讯*/
@media (min-width: 480px) and (max-width: 600px){
    /*新闻资讯*/
    .newsTitle{
        padding:15px 25px;
    }
    .container .newsTitle h3{
        font-size: 20px;
    }
    /*.newsTitle span{*/
        /*width: 20px;*/
        /*height: 20px;*/
    /*}*/
    .newsTitle .title-shadow{
        font-size: 18px;
        left:9%;
        bottom:0;
    }
    .news .newsText .date{
        font-size:12px;
    }
    .news .newsText .month{
        font-size: 14px;
    }
    .newsText h3{
        font-size: 16px;
        margin:5px 0;
    }
    .news .newsText .mainText{
        margin-bottom: 0;
    }
    .news .newsBox .newsPic{
        width:40%;
        float: right;
    }
    /*合作医院*/
    .hospital-list .infoBox .more{
        font-size: 12px;
        margin-top: 18px;
    }
    .hospital-list .infoBox .name{
        font-size: 24px;
        margin: 15px 0;
    }
    .hospital-list .infoBox .place{
        margin-top: 15px;
    }
    .hospital-list .infoBox .brief{
        font-size: 13px;
    }
}
@media (min-width: 601px) and (max-width: 767px){
    .newsTitle{
        padding:15px 25px;
    }
    .container .newsTitle h3{
        font-size: 22px;
    }
    /*.newsTitle span{*/
        /*width: 22px;*/
        /*height: 22px;*/
    /*}*/
    .newsTitle .title-shadow{
        font-size: 18px;
        left:7%;
        bottom:0;
    }
    .newsText h3{
        font-size: 20px;
    }
    .news .newsBox .newsPic{
        width:38%;
        float: right;
    }
    /*合作医院*/
    .hospital-list .infoBox .place{
        margin-top: 35px;
    }
    .hospital-list .infoBox .name{
        font-size: 32px;
    }
    .hospital-list .infoBox .brief{
        font-size: 16px;
    }
}
